.attnSetting-body,.holidayManage-body,.attnhistory-body,.attnStatistics-body{width: 100%;height: 100%;background: #f1f5f8;}
.attn-rules{width: 270px;height: 100%;background: #fff;float: left;}
.attn-rules-header{width: calc(100% - 30px); height: 45px; font-size: 15px;font-weight: bold; color: #10A1FF; line-height: 45px; margin: 0 auto;border-bottom: 1px solid #ddd;}
.attn-rules-table{width: calc(100% - 30px);height: calc(100% - 71px);margin: 10px auto;}
.add-attn-rule{width: calc(100% - 617px);height: calc(100% - 32px);margin: 15px 0 15px 15px;float: left;border: 1px solid #ddd;background: #fff;}
.rule-target{width: 298px;height: calc(100% - 32px);margin: 15px;float: left;border: 1px solid #ddd;background: #fff;}
.attn-box{width: calc(100% - 30px);margin: 0 auto;border-bottom: 1px solid #ddd;padding: 15px 0;}
.attn-box-title{width: 100%;color: #22a3fd;margin-bottom: 10px;}
.attn-box-title-ex{width: calc(100% - 90px);height: 100%;float: right;margin-top: 4px;}
.attn-row{width: 100%;height: 36px;}
.attn-row-holder{width: 100%;height: 10px;}
.attn-row-left{width: 90px;height: 36px;line-height: 36px;text-align: right;float: left;}
.attn-row-right{width: calc(100% - 90px);float: left;height: 100%;}
.date-icon{width: 28px;height: 36px;right:0;line-height: 36px;text-align: center;color: #ccc;cursor: pointer;position: absolute;display: block;}
.attn-row-text{height: 36px;line-height: 36px;float: left;padding-left: 10px;}
.attn-row-right input{height: 34px;line-height: 34px;padding: 0 5px;float: left;}
.attn-foot{width: 100%;text-align: center;height: 60px;line-height: 60px}
.attn-foot .btn{padding:7px 25px;}
.tree-box{width: calc(100% - 30px);margin: 10px auto 0 auto;height: calc(100% - 66px);overflow: auto;}
.timepicker{width: 30%;position: relative;height: 100%;}
/*节假日管理*/
.holiday-list{width: calc(50% - 17px);height: calc(100% - 32px);float: left;border: 1px solid #ddd;margin: 15px 0 15px 15px;background: #fff;}
.holiday-picker{width: calc(50% - 16px);height: calc(100% - 32px);float: left;border: 1px solid #ddd;margin: 15px 15px 15px 0;background: #fff;border-left: 0;}
.holiday-table{width: calc(100% - 30px);height: calc(100% - 126px);margin: 10px auto 0 auto;}
.holiday-picker-box{width: calc(100% - 30px);height: 80%;margin: 10px auto 0 auto;}
.department-module{width: 30%;height: 28px;border: 1px solid #c9cccf;float: left;margin-right: calc((58% - 284px)/4);position: relative;}
.department-control{width: 100%;height: 100px;line-height: 28px;position: relative;text-align: center;cursor: pointer;}
.department-field{width: calc(100% - 15px);height: 28px;float: left;}
.department-trigger{width: 15px;height: 28px;float: right;line-height: 28px;color: #aaa;}
.department-list{width: 100%;max-height: 169px;position: absolute;left: -1px;top: 28px;border: 1px solid #c9cccf;border-top: 1px solid #fff;overflow-y: auto;z-index: 200;background: #fff;}
.department-item{max-width: 100%;cursor: pointer;text-align: center;line-height: 20px;height: 20px;color: #9a9a9a;margin-bottom: 1px;z-index: 200;}
.department-item:hover,.department-item.on{background: #77a1b4;color: #fff;}
.mh-search-date{width: 12%;height: 30px;line-height: 30px;float: left;text-align: center;cursor: pointer;}
.add-holiday-body{width: calc(100% - 60px);padding: 20px 30px;}
.add-holiday-body input{height: 30px;line-height: 30px;padding: 0 5px;width: 168px;}
.add-holiday-body .zi{height: 30px;line-height: 30px;}
.dp-tree-box{width: 397px;height: 188px;border: 1px solid #ddd;border-radius: 2px;overflow: auto;}
.add-holiday-body textarea{width: 387px;height: 100px;margin: 0;resize: none;border: 1px solid #dddddd;padding: 0 5px}
.add-holiday-body .input-row{line-height: 32px;}
.plus-btn{width: 14px;height: 14px;border: 1px solid #ddd;cursor: pointer;color: #b2b2b2;line-height: 14px;text-align: center;float: left;margin: 7px 5px;border-radius: 2px;}
.minus-btn{width: 14px;height: 14px;border: 1px solid #ddd;cursor: pointer;color: #b2b2b2;line-height: 14px;text-align: center;float: left;margin: 7px 5px;border-radius: 2px;}
.attnbox-top{width: calc(100% - 72px);height: 98px;margin: 15px;background: #fff;border: 1px solid #ddd;float: left;padding: 30px 20px;}
.attnbox-bottom{width: calc(100% - 32px);height: calc(100% - 207px);margin: 0 15px;background: #fff;border: 1px solid #ddd;float: left;}
.attnbox-top select {width: 162px;height: 38px;line-height: 38px;}
.statistics-list,.history-list{width: calc(100% - 20px);height: calc(100% - 20px);float: left;margin: 10px;}
.alarm-red{color: #fb0000;font-size: 18px;}
.alarm-blue{color: #31d0bf;font-size: 18px;}
.alarm-yellow{color: #fc9c04;font-size: 18px;}
.statistics-detail{width: calc(100% - 30px);padding: 15px;}
.statistics-detail-top{width: 100%;height: 30px;line-height: 30px;border-bottom: 1px solid #ddd;}
.statistics-detail-top div{height: 30px;line-height: 30px;margin-right: 30px;float: left;}
.statistics-detail-list{width: 100%;margin-top: 15px;}
.history-img{width: calc(100% - 30px);padding: 15px;text-align: center;}

/*全选按钮 start*/
.property-all{line-height: 100%;}
.property,.user-radio{ display:inline-block;;margin:3px 8px 3px 0px; line-height: 18px; font-size: 0; width:auto; cursor: pointer; }
.property div,.user-radio div{ font-size: 12px; }
.user-check,.radio-user-check,.check-all{ width:14px; height:14px; background: #fff; display: inline-block; vertical-align: middle; margin-right:4px; cursor: pointer;background: transparent url("../images/check.png") no-repeat scroll center 50%; -moz-user-select:none;/*火狐*/ -webkit-user-select:none;/*webkit浏览器*/ -ms-user-select:none;/*IE10*/ user-select:none;}
.user-check.checked,.radio-user-check.checked{ background: transparent url("../images/checked.png") no-repeat scroll center 50%; }
.user-check-text{width:auto;cursor: pointer;vertical-align: middle; display: inline-block; -moz-user-select:none;/*火狐*/ -webkit-user-select:none;/*webkit浏览器*/ -ms-user-select:none;/*IE10*/ user-select:none;color: #666;}
/*全选按钮 end*/

#treeBox .ztree li span.button.roots_open,#treeBox .ztree li span.button.root_open,#treeBox .ztree li span.button.center_open,#treeBox .ztree li span.button.bottom_open{background:url(../images/open.png) no-repeat center;}
#treeBox .ztree li span.button.roots_close,#treeBox .ztree li span.button.root_close,#treeBox .ztree li span.button.center_close,#treeBox .ztree li span.button.bottom_close{background:url(../images/closex.png) no-repeat center;}
#treeBox .ztree li span.button.ico_open,#treeBox .ztree li span.button.ico_close,#treeBox .ztree li span.button.ico_docu{background: none;width: 0px;height:0px;}
#treeBox .ztree li span.button.chk,#treeBox .ztree li span.button.chk.checkbox_false_full,#treeBox .ztree li span.button.chk.checkbox_false_full_focus{ width:14px; height:14px; background: #fff; display: inline-block; vertical-align: middle; margin-right:4px; cursor: pointer;background: transparent url("../images/check.png") no-repeat scroll center 50%; -moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
#treeBox .ztree li span.button.chk.checkbox_true_full,#treeBox .ztree li span.button.chk.checkbox_true_full_focus{background: transparent url("../images/checked.png") no-repeat scroll center 50%;}
#treeBox .ztree li span.button.chk.checkbox_true_part,#treeBox .ztree li span.button.chk.checkbox_true_part_focus{background: transparent url("../images/checked.png") no-repeat scroll center 50%;}

